﻿
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

body{ background:#dbf0fd;}
body{ background:#f5f5f5;}

/*导航*/
#mould81594{ position: fixed; top: 0; width:100%; z-index: 999; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars4{ width:90%; margin:0 auto;}
.navbars4 .logo{ width:371px;}
.head-right{ float:right;}
.head-right ul,.head-right .head-search,.head-right .language{ float:left;}
.navbars4>li>a{ font-size:18px; padding: 8px 24px;}
.navs>li:hover>a{ color:#333; background:none;}
.navs>li{ position:relative;}
.navs>li:after{ content: "";width:66px; height:3px; position:absolute; background:#e6213a; bottom:0; left:20px; display:none;}
.navs>li:hover:after{ display:block;}


.head-list{ position: absolute; top:100px; width:100%; background: url(/images/nav_bg.jpg) no-repeat center bottom; background-size: cover; z-index: 99;}
.head-list .hide1{ width:1600px; margin:0 auto; display:none; padding:60px 0;}
.head-list .hide1 .left{ float:left; width:26%;}
.head-list .hide1 .left a{ display:block; text-align:center; line-height:54px; background:#e5e5e5; color:#333; width:48%; float:left; margin-bottom:10px; transition:.5s;}
.head-list .hide1 .left a:nth-child(odd){ margin-right:4%;}
.head-list .hide1 .left a:hover{ background:#215cae; color:#fff;}

.head-list .hide1 .right{ float:right; width:65%;}
.head-list .hide1 .right div{ float:left; width:54%; margin-right:80px;}
.head-list .hide1 .right div h2{ font-size:30px; line-height:30px; font-weight:bold; margin-bottom:24px;}
.head-list .hide1 .right div p{ line-height:28px;}
.head-list .hide1 .right div a{ width:148px; line-height:48px; text-align:center; background:#e6213a; color:#fff; display:block; transition:.5s; margin-top:30px;}
.head-list .hide1 .right div a:hover{ background:#215cae;}
.head-list .hide1 .right img{ float:left;}


.head-right .head-search{ height: 50px; margin: 25px; position: relative;}
.head-right .head-search a{ background:url(/images/search.png) no-repeat center; width:50px; height:50px; display:block;}
.head-right .head-search input{
    width: 0;
    height: 48px;
    line-height: 48px;
    padding: 0;
    float: left;
    position: absolute;
    right: 50px;
    background: #f5f5f5;
    border: 0 solid transparent;
    font-size: 16px;
    transition:.2s;
    box-shadow:none;
}
.head-right .head-search:hover input{ width: 740px; padding: 0 20px; border: 1px solid #e6e6e6;}
.head-right .language{ width:36px; height:36px; background:#e6213a; color:#fff; font-family: arial; text-transform: uppercase; display:block; margin-top:32px; font-size:18px; line-height:36px; text-align:Center;}



/*大图*/
#mould81593 .swiper-slide img{ height:100vh;}
#mould81593 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould81593 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:80px;}
#mould81593 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:80px;}
#mould81593 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4;border-radius:4px; width:30px;}
#mould81593 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}



/*简介*/
.width_1600{ width:1600px; margin:100px auto 0 auto;}
.about_up video{ float:left; width:52.5%;}
.about_up .about_right{ float:right; width:44%;}
.about_up .about_right h2{ font-size:30px; line-height:30px; font-weight:bold; color:#215cae; margin:20px 0 30px 0;}
.about_up .about_right p{ line-height:30px; text-indent:2em;}
.about_up .about_right a{ display:block; width:128px; line-height:42px; box-sizing:border-box; border:1px solid #999; text-align:center; margin-top:20px; transition:.3s;}
.about_up .about_right a:hover{ border:1px solid #215cae; background:#215cae; color:#fff;}

.addmuns1{ background:rgba(255,255,255,0.5); padding:40px; box-sizing:border-box; margin-top:50px;}
.addmuns1 ul{ width:100%;}
.addmuns1 li{ width:25%;}
.addmuns1 li:after{ height:70px; background:#999; top:0;}
.addmuns1 li h2{ margin-left:21%;}
.addmuns1 li h2,.addmuns1 li p{ float:left;}
.addmuns1 li h2 em{ width:30px; height:30px; background:url(/images/about_btn.png) no-repeat; display:block;}
.addmuns1 li:nth-child(2) h2 em{ background-position:-30px 0;}
.addmuns1 li:nth-child(3) h2 em{ background-position:-60px 0;}
.addmuns1 li:nth-child(4) h2 em{ background-position:-90px 0;}
.addmuns1 li p span{ font-size:64px; line-height:64px; font-weight:bold; font-family:arial; color:#215cae; margin:0 10px;}
.addmuns1 li p em{ }
.addmuns1 li:nth-child(2) p em{ font-size:30px; line-height:30px; font-weight:bold; font-family:arial; color:#215cae; position: absolute;}



/*产品*/
.product_a{ }
.product_up .left{ float:left; position:relative;}
.product_up .left .tu{ position:relative; float: left;}
.product_up .left .tu:after{ content: ""; width:21px; height:32px; background: url(/images/jian.png) no-repeat; background-size: cover; position: absolute; right: -3rem; top: 1.5rem;}
.product_up .left .text{ position:absolute; left: 109%; top: 80px; width: 900px; font-size: 18px; color: rgba(255,255,255,0.6); line-height:32px;}
.product_up .right{ float:right; margin-top:80px;}
.product_up .right h3{ display:inline-block; font-weight:bold; font-size:20px; line-height:48px; float: left; color:#fff; margin-right:18px;}
.product_up .right a{ display:inline-block; width:48px; height:48px; background:#215cae; color:#fff; font-size:36px; text-align:Center; line-height:42px;}

.banner11{ margin-top:48px;}
.banner11 .swiper-slide{ height:480px; width:100%; position:relative; overflow:hidden;}
.banner11 .swiper-slide:after{ content: ""; width:100%; height:200px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0;}
.banner11 .swiper-slide:hover:after{ background:linear-gradient(rgba(33,92,174,0),rgba(33,92,174,1));}
.banner11 .swiper-slide a{ display:block; width:800px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.banner11 .swiper-slide a img{ width:100%; height:100%!important; transition:.5s;}
.banner11 .swiper-slide:hover a img{ transform:scale(1.05);}
.banner11 .swiper-slide p{ font-size:24px; line-height:24px; font-weight:bold; color:#fff; position:absolute; bottom:30px; left:30px; z-index:2;}
.banner11 .swiper-container{ padding-bottom:36px;}
.banner11 .swiper-container .swiper-pagination{ bottom:0; width: 142px; right: 0; left: inherit;}
.banner11 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4; width:12px!important; height:12px; border-radius:50%!important;}
.banner11 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1; width:12px!important; height:12px; border-radius:50%!important;}



/*营销*/
.yingxiao{ position:relative; height:100vh; overflow:hidden;}
.yingxiao:after{ content: ""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; z-index:1;}
.yingxiao .video{ }
.yingxiao .video video{ width:100%; height:100%;}
.yingxiao .video video:last-child{ display:none;}
.yingxiao .yx_cont{ position:absolute; bottom:60px; left:50%; transform:translateX(-50%); width:1600px; color:#fff; z-index:9;}
.yingxiao .yx_name{ float:left; width:14%;}
.yingxiao .yx_name a{ width:180px; height:50px; line-height:50px; font-size:24px; font-weight:bold; color:#215cae; background:#fff; display:block; border-radius:25px; text-align:center;}
.yingxiao .yx_name a:first-child{ margin-bottom:24px;}
.yingxiao .yx_name a.on{ color:#fff; background:#215cae;}
.yingxiao .yx_text{ float:right; width:86%;}
.yingxiao .yx_text div{ display:none;}
.yingxiao .yx_text h2{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.yingxiao .yx_text p{ line-height:30px;}
.yingxiao video::-webkit-media-controls-fullscreen-button {display: none;}
.yingxiao video::-webkit-media-controls-play-button {display: none;}
.yingxiao video::-webkit-media-controls-timeline {display: none;}
.yingxiao video::-webkit-media-controls-current-time-display {display: none;}
.yingxiao video::-webkit-media-controls-time-remaining-display {display: none;}
.yingxiao video::-webkit-media-controls-mute-button {display: none;}
.yingxiao video::-webkit-media-controls-toggle-closed-captions-button {display: none;}
.yingxiao video::-webkit-media-controls-enclosure {display: none;}
.yingxiao video::-webkit-media-controls-volume-slider {display: none;}


/*新闻*/
.news_a{ }
.news_a .left{ float:left; width:50%; position: relative;}
.news_a .left:after{ content: ""; width:100%; height:120px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0;}
.news_a .left a{ display:block; width:100%; height:500px; position:relative; overflow:hidden;}
.news_a .left a img{ width:100%; height:100%; transition:.5s;}
.news_a .left a:hover img{ transform:scale(1.05);}
.news_a .left a p{ position:absolute; bottom:24px; left:30px; color:#fff; z-index:2; font-size:22px; font-weight:bold;}
.news_a .right{ float:right; width:46%;}
.news_a .right h3{ border-bottom:1px solid #ccc; font-size:30px; line-height:30px; color:#215cae; font-weight:bold; padding-bottom:20px; margin-bottom:28px;}
.news_a .right h3 a{ font-size:16px; line-height:16px; color:#333; float:right; font-weight:normal; margin-top:8px;}
.news_a .right h3 a:hover{ color:#215cae;}

.news_a li{ position: relative;}
.news_a li:nth-child(-n+3){ margin-bottom: 20px;}
.news_a li time{ float: left; margin-right:24px; text-align:center; background:rgba(255,255,255,0.5); box-shadow: 0 0 10px rgb(0 0 0 / 10%); width:100px; padding:14px 0;}
.news_a li time span { font-size: 36px; display: block; font-weight: bold; line-height: 36px; margin-bottom: 3px;}
.news_a li .news_con h2{ font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 14px; padding-top:6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li .news_con p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a li a:hover{ color:#215cae;}



/*底部*/
.contact{ background:rgba(255,255,255,0.5); padding:50px 0;}
.contact .width_1600{ margin-top:0;}
.contact .left{ float:left; width:25%;}
.contact .left h2{ font-size: 30px; font-weight: bold; line-height: 30px; color:#215cae; margin-bottom:24px;}
.contact .left p{ font-size: 18px; line-height: 30px;}
.contact ul{ float:left; width:75%;}
.contact li{ float:left; width:33.33%; text-align:Center; margin-top:22px; border-left:1px solid #ccc; box-sizing:border-box;}
.contact li div img{ display:inline-block; margin-top: -5px;}
.contact li div h2{ display:inline-block; margin-left:15px; font-weight: bold; font-size: 20px; font-weight: bold;}
.contact li div h2:hover{ color:#215cae;}
.contact li p{ font-size: 18px; color:#666; margin-top:6px;}

footer .width_1600,.copy .width_1600{ margin-top:0;}
.footer{ background:none; padding-top:60px;}
.footer .foot_text{ width:30%; float:left;}
.footer .foot_text>img{ margin-bottom:30px;}
.footer .foot_text>p{ line-height:30px;}

.footer .foot_share{ margin-top:36px;}
.footer .foot_share a{ width:56px; height:56px; display:block; border-radius:6px; float:left; position:relative;}
.footer .foot_share a:nth-child(-n+2){ margin-right:24px;}
.footer .foot_share a:nth-child(1){ background:rgba(0,0,0,0.2) url(/images/sj1.png) no-repeat center;}
.footer .foot_share a:nth-child(2){ background:rgba(0,0,0,0.2) url(/images/wx1.png) no-repeat center;}
.footer .foot_share a:nth-child(3){ background:rgba(0,0,0,0.2) url(/images/dy1.png) no-repeat center;}
.footer .foot_share a div{ width:120px; height:120px; position:absolute; bottom:56px; left:50%; margin-left:-56px; box-shadow: 0 0 8px rgb(0 0 0 / 10%); transition:.5s; transform: scale(0);}
.footer .foot_share a:hover div{ transform: scale(1);}

.footer ul{ width:64%; float:right;}
.footer li{ float:left; margin-right:80px;}
.footer li:last-child{ margin-right:0;}
.footer li h4{ font-size:18px; line-height:18px; margin-bottom:15px; font-weight:bold;}
.footer li h4 a:hover{ color:#333;}
.footer li h5{ line-height:30px;}
.footer li h5 a:hover{ color:#215cae;}

.copy{ margin-top:60px;}
.copy_bg{ border-top:1px solid #ccc;}
.copy_bg .fl{ float:left; line-height:60px;}
.copy_bg .fr{ float:right; line-height:60px;}
.copy_bg p{ }
.copy_bg p a{ }


@media screen and (max-width:1680px){ 
  .navbars4{ width:94%; height:80px;}
  .navbars4 .logo,.navbars4 ul{ height:80px;}
  .head-right .head-search{ margin: 15px 25px;}
  .head-right .language{ margin-top:22px;}
  .head-list{ top:80px;}
  .head-list .hide1{ width:94%;}
  .head-list .hide1 .left{ width:24%;}
  .head-list .hide1 .right div{ margin-right: 60px;}
  
  
  .width_1600{ width:92%;}
  .about_up .about_right h2{ margin: 10px 0 20px 0;}
  .about_up .about_right p{ line-height:28px;}
  .addmuns1{ margin-top:40px; padding:30px; box-shadow: 0 0 8px rgb(0 0 0 / 10%);}

  .banner11{ margin-top:24px;}
  .banner11 .swiper-slide{ height:420px;}
  
  .yingxiao .yx_cont{ width:92%;} 
  .footer li{ margin-right:74px;}
}

@media screen and (max-width:1440px){ 
  .head-list .hide1 .right{ width:68%;}
  
  .width_1600{ width:94%;}
  
  .about_up video{ width:48%;}
  .about_up .about_right{ width:48%;}
  .about_up .about_right p:nth-child(4){ display:none;}
  
  
  .product_up .left .text{ font-size:16px; line-height: 28px; width:840px;}
  .yingxiao .yx_text{ width:82%;}
  .footer li{ margin-right:50px;}
}
  
@media screen and (max-width:1360px){ 
  .navbars4{ width:96%;}
  .navbars4 li a{ padding: 8px 16px;}
  .head-list .hide1 .right{ width:66%;}
  .head-list .hide1 .right div{ width:56%; margin-right: 50px;}
  .head-list .hide1 .right img{ width:320px;}
  .head-right .head-search:hover input{ width:660px;}
  
  .about_up .about_right p:nth-child(5){ display:none;}
  .addmuns1 li h2{ margin-left: 18%;}
  .addmuns1 li:nth-child(2) h2{ margin-left: 16%;}
  .addmuns1 li p span{ font-size:56px;}
  .product_up .left .text{ width:760px;}
  
  .footer li{ margin-right:45px;}
}
  
  
  
  
  
  
  
  
  
  

